<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <!-- 标准窗口代码 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>凑品单</title>
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/modules.css">
    <link rel="stylesheet" href="../fonts/iconfont.css">
    <link rel="stylesheet" href="../css/gsproduct.css">


</head>

<body>
    <!-- header -->
    <header>
        <a href="../index.html">
            <span class="iconfont icon-xiangzuojiantou"></span>
        </a>    
        <span>凑品单</span>
        <a href="javascript:;">
            <img src="../images/header_app.png" alt="">
        </a>
    </header>

    <!-- search -->
    <!-- <div class="search">
        <form action="#">
            <input class="mmb_search" type="search" placeholder="请输入你想要比价的商品">
            <input class="mmb_button" type="button" value="搜索">
        </form>
    </div> -->


    <div class="main">
        <!-- 下拉列表 -->
        <div class="drop">
            <div class="jd">
                <span >京东</span>
                <ul id="#cnm">
                    <li>
                        <!-- 占位符 -->
                    </li>
                </ul>
            </div>
            <div class="area">
                <span>华北</span>    
                <ul>
                    <li>
                        <!-- 华北(北京、山西等) -->
                        <!-- 占位符 -->
                    </li>
                </ul>
            </div>
            <div class="total">
                <span>全部价格</span>
                <ul>
                    <li>9999999999999999999999999999999999999
                    <br>9999999999999999999999999999999999999
                    <br>9999999999999999999999999999999999999
                    <br>9999999999999999999999999999999999999</li>
                </ul>
            </div>

        </div>



       
        <ul class="clearfix">
            <a href="#">
                <li>
                    <img src="../images/phone.jpg" alt="">
                    <!-- .pan -->
                    <div class="app_title">去死啊</div>
                    <div class="app_price">
                        <span>￥0.50</span>
                        <p>去凑单</p>
                    </div>
                </li>
                <li>
                    <img src="../images/phone.jpg" alt="">
                    <!-- .pan -->
                    <div class="app_title">去死啊</div>
                    <div class="app_price">
                        <span>￥0.50</span>
                        <p>去凑单</p>
                    </div>
                </li>
                <li>
                    <img src="../images/phone.jpg" alt="">
                    <!-- .pan -->
                    <div class="app_title">去死啊</div>
                    <div class="app_price">
                        <span>￥0.50</span>
                        <p>去凑单</p>
                    </div>
                </li>
                <li>
                    <img src="../images/phone.jpg" alt="">
                    <!-- .pan -->
                    <div class="app_title">去死啊</div>
                    <div class="app_price">
                        <span>￥0.50</span>
                        <p>去凑单</p>
                    </div>
                </li>
                <li>
                    <img src="../images/phone.jpg" alt="">
                    <!-- .pan -->
                    <div class="app_title">去死啊</div>
                    <div class="app_price">
                        <span>￥0.50</span>
                        <p>去凑单</p>
                    </div>
                </li>
                <li>
                    <img src="../images/phone.jpg" alt="">
                    <!-- .pan -->
                    <div class="app_title">去死啊</div>
                    <div class="app_price">
                        <span>￥0.50</span>
                        <p>去凑单</p>
                    </div>
                </li>
                <li>
                    <img src="../images/phone.jpg" alt="">
                    <!-- .pan -->
                    <div class="app_title">去死啊</div>
                    <div class="app_price">
                        <span>￥0.50</span>
                        <p>去凑单</p>
                    </div>
                </li>
                <li>
                    <img src="../images/phone.jpg" alt="">
                    <!-- .pan -->
                    <div class="app_title">去死啊</div>
                    <div class="app_price">
                        <span>￥0.50</span>
                        <p>去凑单</p>
                    </div>
                </li>
                <li>
                    <img src="../images/phone.jpg" alt="">
                    <!-- .pan -->
                    <div class="app_title">去死啊</div>
                    <div class="app_price">
                        <span>￥0.50</span>
                        <p>去凑单</p>
                    </div>
                </li>
                <li>
                    <img src="../images/phone.jpg" alt="">
                    <!-- .pan -->
                    <div class="app_title">去死啊</div>
                    <div class="app_price">
                        <span>￥0.50</span>
                        <p>去凑单</p>
                    </div>
                </li>
                <li>
                    <img src="../images/phone.jpg" alt="">
                    <!-- .pan -->
                    <div class="app_title">去死啊</div>
                    <div class="app_price">
                        <span>￥0.50</span>
                        <p>去凑单</p>
                    </div>
                </li>
                <li>
                    <img src="../images/phone.jpg" alt="">
                    <!-- .pan -->
                    <div class="app_title">去死啊</div>
                    <div class="app_price">
                        <span>￥0.50</span>
                        <p>去凑单</p>
                    </div>
                </li>
                <li>
                    <img src="../images/phone.jpg" alt="">
                    <!-- .pan -->
                    <div class="app_title">去死啊</div>
                    <div class="app_price">
                        <span>￥0.50</span>
                        <p>去凑单</p>
                    </div>
                </li>
                <li>
                    <img src="../images/phone.jpg" alt="">
                    <!-- .pan -->
                    <div class="app_title">去死啊</div>
                    <div class="app_price">
                        <span>￥0.50</span>
                        <p>去凑单</p>
                    </div>
                </li>
            </a>
        </ul>






    </div>



    <!-- footer -->
    <footer>
        <div class="brand">
            <span>品牌排行</span>
            <span class="iconfont icon-yuanquanjiantou"></span>

        </div>
        <div class="footer_bt">
            <a href="#">登录</a>
            <a href="#">注册</a>
            <a href="#">
                <span class="iconfont icon-xiangshangjiantou"></span>返回顶部
            </a>
        </div>
        <div class="footer_lk">
            <div class="footer_app">
                <a href="#">手机APP下载</a>
                <span>慢慢买手机版</span>
                <span>--掌上比价平台</span>
            </div>
            <span>m.manmanbuy.com</span>

        </div>
    </footer>

</body>
<script src="../lib/zepto/dist/zepto.js"></script>
<script src='../lib/zepto/src/fx.js'></script>
<script src='../lib/zepto/src/fx_methods.js'></script>
<script src='../lib/art-template/template-web.js'></script>
<script src="../lib/itcastEvent.js"></script>
<script src="../js/modules.js"></script>
<script src="../js/gsproduct.js"></script>

</html>


<!-- APP渲染模板 -->

<script type="text/template" id="JDApp">
  {{ each result }}
            
                <li index="{{$value.shopId}}">
                    <!-- {{ $value.shopld}} -->
                    {{ $value.shopName}}
                </li>
            
  {{ /each}}

</script>


<!-- 地区渲染 -->
<script type="text/template" id="Area">
    {{ each result }}
    <li>
        {{ $value.areaName}}
    </li>
    {{ /each}}
  
</script>
